<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Project Progress Monitoring</title>        
        <h:outputStylesheet library="css" name="reset.css"  />
        <h:outputStylesheet library="css" name="text.css"  />
        <h:outputStylesheet library="css" name="960.css"  />
    </h:head>
    <h:body>
        <div id="wrapper">
            <div id="header">
                <div class="container_12"> 
                    <div class="grid_3" id="ss_logo"> <span>SonSpring</span> </div> 
                    <div class="grid_7"> 
                        <ul id="nav"> 
                            <li id="nav_journal"> <a href="http://sonspring.com/journal">Journal</a> </li> 
                            <li id="nav_about"> <a href="http://sonspring.com/about">About</a> </li> 
                            <li id="nav_work"> <a href="http://sonspring.com/work">Work</a> </li> 
                            <li id="nav_resources"> <a href="http://sonspring.com/resources">Resources</a> </li>
                            <li id="nav_contact"> <a href="http://sonspring.com/contact">Contact</a> </li> 
                        </ul> 
                    </div> 
                    <div class="grid_2"> 
                        <form action="/" method="post" id="search-block-form" accept-charset="UTF-8">
                            <div>
                                <div class="container-inline"> 
                                    <h2 class="element-invisible">Search form</h2> 
                                    <div class="form-item form-type-textfield form-item-search-block-form"> 
                                        <label class="element-invisible" for="edit-search-block-form--2">Search </label> 
                                        <input title="Enter the terms you wish to search for." id="edit-search-block-form--2" name="search_block_form" value="Search..." size="15" maxlength="128" class="form-text" type="text"/>
                                    </div>
                                    <div class="form-actions form-wrapper" id="edit-actions">
                                        <input id="edit-submit" name="op" value="Search" class="form-submit" type="submit"/>
                                    </div>
                                    <input name="form_build_id" value="form-vw5o6YEH3CiFsQTx2fvYT3sirXxDXIL0piNO0-uZYN8" type="hidden"/>
                                    <input name="form_id" value="search_block_form" type="hidden"/>
                                </div>
                            </div>
                        </form> 
                    </div> 
                    <div class="clear"></div>
                </div>
            </div>

            <div id="maincontent">
                <div class="container_12"> 
                    <div class="grid_9"> 
                        <h1>Title of the blog post</h1> 
                        <p><strong>Published on Jan. 01, 2009 by Zac Gordon</strong></p> 

                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

                            Cras dui risus, interdum sit amet, adipiscing at, venenatis quis, quam. 
                            Morbi velit tortor, fermentum ac, sagittis quis, volutpat sed, magna. 
                            Curabitur eu tellus eu magna laoreet vestibulum. Fusce accumsan mollis 
                            ipsum. Morbi tempor vehicula est. Duis pharetra velit. Vestibulum blandit 
                            ultricies nibh. Nulla vehicula mauris sed sem. Aliquam mauris metus, 
                            commodo at, elementum quis, porta a, nisl. Nulla elementum fermentum 
                            massa. </p> 

                        <p>Cras posuere, est quis adipiscing suscipit, dolor felis pulvinar 
                            lacus, ut placerat orci metus tincidunt orci. Curabitur elementum purus 
                            vitae diam. Morbi ut dui cursus augue scelerisque molestie. Suspendisse ut
                            velit et massa interdum dictum. Praesent quam neque, fringilla eget, 
                            blandit id, sagittis id, justo. Proin pulvinar placerat leo. Etiam at 
                            mauris id justo ultricies scelerisque. Donec mattis dui ut tellus. 
                            Vivamus interdum lorem ac ante. In nisi tellus, tristique vitae, rutrum 
                            at, elementum adipiscing, risus. Integer ac est ultricies nibh pretium 
                            scelerisque. Aliquam luctus eros non eros. Vivamus mi orci, suscipit 
                            eget, imperdiet vitae, consectetur fermentum, erat. </p> 

                        <p>Fusce dignissim sapien vitae turpis. Quisque consequat convallis 
                            sapien. Curabitur est sapien, ultrices nec, commodo a, hendrerit eu, 
                            lectus. Curabitur eu quam. Ut non risus. Sed eu tortor. Proin nisi. 	
                            Aliquam congue adipiscing orci. Fusce imperdiet ullamcorper metus. Ut erat
                            ligula, posuere a, fermentum vel, aliquet eu, lorem. Pellentesque habitant
                            morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
                            Pellentesque tempor nulla eu lorem. Suspendisse bibendum molestie nunc. 
                        </p> 
                    </div> 
                    <div id="aside" class="grid_3"> 
                        <h3>Navigation</h3> 
                        <ul> 
                            <li><a href="#">Home</a></li> 
                            <li><a href="#">About Me</a></li> 
                            <li><a href="#">Articles</a></li> 
                            <li><a href="#">Contact</a></li> 
                        </ul> 

                        <h3>More Articles:</h3> 
                        <ul> 
                            <li><a href="#">Article 1</a></li> 
                            <li><a href="#">Article 2</a></li> 
                            <li><a href="#">Article 3</a></li> 
                            <li><a href="#">Article 4 </a></li> 
                        </ul> 
                    </div>             
                </div> 
            </div>
            <div id="footer">
                <div class="container_12"> 
                    <div class="grid_4"> © 2012 <a href="https://plus.google.com/115310247179926591656/about">Nathan Smith</a>. All rights reserved. </div> 
                    <div class="grid_4"> <a href="http://www.firehost.com/?ref=spon_nsmith_sonspring" title="Secure Hosting" id="hosted_by_firehost">Hosted by FireHost</a> </div> 
                    <div class="grid_4 align_right"> <a href="http://feeds.feedburner.com/sonspring">Subscribe</a> via RSS. Follow me on <a href="http://twitter.com/nathansmith">Twitter</a>. </div> 
                </div>
            </div>

        </div>

    </h:body>
</html>

